<script setup>
  import {ref} from "vue";
  const info = ref("范传奇")
  const f = ()=>{
    console.log(info);
    info.value = 666;
  }

  const aaa = ref("rose<mark>jack</mark>tom")
</script>

<template>
  <h1>文本指令</h1>
  A页面
  <h4>{{info}}</h4>
  <span>{{info+"hello"}}</span>
  <hr>
  <button @click="f">点我</button>
  <p v-text="aaa"></p>
  <p v-html="aaa"></p>
  <p>{{aaa}}</p>
</template>

<style scoped>

</style>